<template>
  <div>
    <h1>abou页面</h1>
    <div class="container">
      <el-tag>
        {{ info.id }}
      </el-tag>
      <el-tag>
        {{ info.name }}
      </el-tag>
      <el-tag>
        {{ info.age }}
      </el-tag>
      <el-tag>
        {{ info.gender }}
      </el-tag>
      <el-tag>
        {{ info.phone }}
      </el-tag>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      info: {},
    };
  },
  mounted() {
    let self = this;
    self.info = this.$route.query.item;
  },
};
</script>

<style>
.container {
  display: flex;
  flex-direction: column;
}
.container span {
  margin-top: 10px;
}
</style>
